/*新闻资讯*/

.index-l span.xian {
    display: block;
    height: 404px;
    width: 1px;
    font-size: 0;
    background: #ccc;
    position: absolute;
    right: 3px;
    top: 0;
}
.c01 {
    float: left;
    height: 61px;
    border-bottom: 5px solid #272636;
    width: 240px;
    overflow: hidden;
    font: 30px/61px "Microsoft Yahei";
    background-position: 0px -130px;
}
.c01 a {
    color: #272636;
    padding-left: 15px;
}
.ctxt {
    display: inline-block;
    float: left;
    height: 36px;
    color: #999;
    line-height: 36px;
    border-bottom: 5px solid #5f5b5b;
    width: 920px;
    text-align: right;
    padding: 25px 17px 0px 0px;
    margin-left: 3px;
}
.ctxt span {
    padding: 4px 10px;
    /* background: #f10707; */
    color: #f00;
    font-size: 16px;
    font-weight: 700;
    font-family: cursive;
}
.menu {
    height: 35px;
    background: #fafafa;
    border-bottom: 1px solid #0a0a0a;
}
.btn1 {
    _position: relative;
    _margin-bottom: -1px;
    height: 35px;
    border-left: #0a0a0a solid 1px;
    border-right: #0c0c0c solid 1px;
    border-top: 2px solid #0e0e0e;
    background: #fff;
}
.btn1, .btn2 {
    float: left;
    padding: 0 22px;
    font: normal 14px/2.8 "";
}

.index-box{width:1180px}
.index-box h3.tilte {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.index-box h3 span {
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    color: #f00;
    border-left: 6px solid #d00;
    padding-left: 10px;
}
.index-subnav-list {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 15px 0 15px 5px;
}
.index-subnav-list h4 {
    font-size: 22px;
    padding-right: 15px;
}
.index-subnav-list h4.color1 {
    color: #f30f24;
}
.index-subnav-list h5 a {
    font-size: 16px;
    line-height: 35px;
    margin-left: 35px;
}
.index-subnav {
    padding-left: 25px;
}
.index-l {
    height: 448px;
    width: 244px;
    padding-right: 19px;
    position: relative;
}
.index-c {
    height: 448px;
    width: 392px;
}


.incent {
    width: 756px;
}

.index-r-hot a {
    display: block;
    height: 112px;
}
.imgt {
    width: 164px;
    height: 112px;
}

.imgt img {
    display: block;
    width: 164px;
    height: 112px;
    overflow: hidden;
}
.went p {
    font-size: 12px;
    color: #333;
    line-height: 1.8;
    margin-top: 15px;
    height: 40px;
}
.went {
    width: 198px;
    height: 112px;
    padding: 0 15px;
}
.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.index-r {
    height: 408px;
    width:350px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}
.index-r-cent h3 {
    height: 29px;
    line-height: 29px;
    padding: 0 15px;
    font-size: 14px;
    background: #f4f4f4;
}
.index-r-cent h3 a {
    float: right;
    font-size: 12px;
    color: #666;
}

.index-r-cent-list {
    padding-bottom: 20px;
}
.index-r-cent-list li {
     padding-right: 10px;
 }

.line-clamp-one {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}

.index-r-cent-list li a {
    display: block;
    font-size: 14px;
    margin-top: 12px;
    padding-left: 12px;
    font-family: -webkit-body;
    height: 22px;
    width: 100%;
}

/*top最新更新*/
.hot-tab .on {
    width: auto;
    height: 35px;
    float: left;
    _position: relative;
    _bottom: -2px;
    border-bottom: #f00 solid 2px;
    padding: 0px 10px;
    margin-right: 28px;
    color: #f00;
    font: 18px/35px "΢���ź�";
    cursor: pointer;
}
.hot-tab .list-tab li em {
    width: 369px;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hot-tab .list-tab li {
    width: 435px;
    height: 30px;
    float: left;
    line-height: 30px;
    color: #999;
    font-size: 14px;
}
li {
    list-style-type: none;
}
.hot-tab .off {
    width: auto;
    height: 35px;
    float: left;
    padding: 0px 10px;
    margin-right: 28px;
    font: 14px/35px "微软雅黑";
    color: #696969;
    cursor: pointer;
}
.hot-tab .content {
    width: 435px;
    height: auto;
    float: left;
    overflow: hidden;
}



/*banner*/
.zx_mc_1 {margin-top: 5px;}
.mc_1_lf {float: left;width: 756px;height: 256px;}
.slider_box { width: 756px;height: 256px;overflow: hidden;position: relative;}
.slider_on{height: 256px;overflow: hidden;position: absolute;}
.silder_panel{width: 756px;height: 256px;overflow: hidden;position:relative;float: left;}
/*.mc_1_rgt{border: 1px solid #c0c1c3;border-top: solid 2px #0c0c0c;}*/
.mc_1_rgt,.mc_2_rgt{float: right;width:387px ;height: 276px;}
.tab{width: 387px;}
.xixi1 {width: 387px;height: 40px;line-height: 40px;background-color: #FFFFFF;cursor: pointer;}
.xixi2 {width: 387px;height: 40px;line-height: 40px;background-color: #c0c1c3;cursor: pointer;}
.tab1 {
    width: 108px;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    cursor: pointer;
    color: #272636;
    font-size: 16px;
    font-family: fantasy;
    font-weight: 700;
}
.tab2 {

    width: 108px;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    cursor: pointer;
    color: #272636;
    font-size: 14px;

}
#TabTab03Con1 {

    width: 237px;

}
#TabTab03Con1 ul, #TabTab03Con2 ul {

    margin-top: 20px;

}
#TabTab03Con1 ul li, #TabTab03Con2 ul li {

    margin-left: 4px;
    margin-top: 10px;
    margin-bottom: 14px;

}
#TabTab03Con1 .hdgd, #TabTab03Con2 .hdgd {

    text-align: right;
    margin-right: 15px;
    margin-top: 10px;

}
#TabTab03Con2 ul {
    margin-top: 20px;
}
#TabTab03Con2 ul li {
    margin-left: 4px;
    margin-top: 10px;
    margin-bottom: 14px;
}
#TabTab03Con2 .hdgd {
    text-align: right;
    margin-right: 15px;
    margin-top: 10px;
}
#TabTab03Con2 ul li {
    margin-left: 4px;
    margin-top: 10px;
    margin-bottom: 14px;
}
#TabTab03Con1 ul li .first, #TabTab03Con2 ul li .first {
    background: #c81211;
    border: solid 1px #a10100;
}
#TabTab03Con1 ul li .nofirst, #TabTab03Con2 ul li .nofirst {
    background: #565656;
    border: solid 1px #474747;
}
ul li .first {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #ff8327;
    line-height: 15px;
    color: #ffffff;
    text-align: center;
    margin-right: 7px;
}
ul li .nofirst {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #ff8327;
    line-height: 15px;
    color: #ffffff;
    text-align: center;
    margin-right: 7px;
}

/*图书*/
.w1180 {
    width: 1000px;
    margin: 0 auto;
}
.font_20 {
    font-weight: bold;
    font-size: 20px;
    margin: 40px 0 30px;
    height: 20px;
    line-height: 20px;
    vertical-align: text-bottom;
}
.more {
    font-size: 14px;
    display: block;
    font-weight: normal;
    float: right;
    color: #9598a2;
    background: url(http://www.hqwx.com/web_news/assets/news/images/more_icon.png) right center no-repeat;
    text-align: right;

    border-bottom: 5px solid #5f5b5b;
    line-height: 36px;
    padding: 25px 17px 0px 0px;
    margin-left: 3px;
}
/*.right {
    float: right;
    font-size: 14px;
    color: #9598a2;
    font-weight: normal;
    margin-left: 20px;
    padding-left: 20px;
}*/
.book-body {
    background: #ffffff;
    margin-bottom: 50px;
}
.book-body, .book-items {
    padding: 5px 5px;
    margin: 0 10px;
    width: 1000px;
    height: 325px;
    overflow: hidden;
}
.book-body ul li {
    width: 200px;
    float: left;
    margin: 20px;
}
.book-body ul li .bookname {
    width: 200px;
    height: 41px;
    line-height: 22px;
    text-align: left;
    padding: 5px;
}
.price-wrap {
    text-align: center;
    margin-bottom: 20px;
}
.clearfix:after, .hq2018course .w1180:after, .hq2018course .coursemain:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.book-body ul li img {
    margin: 1px 30px 20px 30px;
}
.book-body ul li .new-price {
    color: #ec0b0b;
    font-size: 18px;
}
.book-body ul li .old-price {
    color: #cccccc;
    text-decoration: line-through;
    margin-left: 12px;
}
.price-wrap {
    text-align: center;
    margin-bottom: 20px;
}

.gm{
   text-decoration: none;float:right;background: #d00;display: inline-block;width: 80px;height: 25px;line-height:25px;text-align:center;color:#fff;border-radius:4px;cursor: pointer;
}

.btn11, .btn22 {
    float: left;
    padding: 3px 25px;
    font: normal 16px/2.9 "";
}

.btn11 {
    _position: relative;
    _margin-bottom: -1px;
    height: 35px;
    border-bottom: 5px #d00 solid;
    background: #fff;
}

.sk_nav {
    height: 52px;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px #eee solid;
    position: relative;
    background: url(http://files.dongao.com/static/chuji/chuji_img/index/line_tit.png) no-repeat left center;
    padding-left: 13px;
}
.sk_nav li {
    font-size: 18px;
    line-height: 52px;
    float: left;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-right: 40px;
}
.cont3_bt_tit span {
    color: #333;
    font-weight: bold;
    cursor: default;
}

.sk_nav .sk_nav_rt {
    line-height: 52px;
    cursor: pointer;
    display: block;
    margin-right: 0px;
    float: right;
    font-size: 16px;
}
.sk_nav li a, .sk_nav li.active a {
    color: #333333;
    font-size: 16px;
    padding-bottom: 14px;
}
.sk_nav_rt span {
    color: #b4b4b4;
    display: inline-block;
    width: 40px;
    font-size: 16px;
    cursor: auto;
}
.book_item ,.p_one{
    overflow: hidden;
    height: 41px;
    line-height: 21px;
    margin-bottom: 10px;
}
.book_item p{
    font-size: 14px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    color: #333333;
    height: 26px;
    line-height: 26px;
}
.book_item span{
    font-size: 18px;
    margin-right: 5px;
    display: inline-block;
    color: #902b2b;
}
.book_item span em{
    font-size: 18px;
    font-style: normal;
    color: #902b2b;
}
.book_item del{
    color: #787878;
    font-size: 12px;
}
.book_buy{
    text-decoration: none;
    float: right;
    background: #9A0000;
    display: inline-block;
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 4px;
    cursor: pointer;
}
/*top toutiao*/
.ttli{
    opacity: 1;
    padding-left: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    font-family: -webkit-body;
     font-weight: 700; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ttspan{ display: inline-block;
    width: 22px;
    height: 22px;
    background: #debfbd;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 100%;
    color: #fff;
}
.ttspan1{    display: inline-block;
    width: 20px;
    height: 20px;
    background: #f0eaea;
    text-align: center;
    border: 1px solid #ccc;
    /* border-radius: 100%; */
}





.part-recent-news {
    float: left;
    width: 333px;
    margin-left: 60px;
}
.recent-news-block {
    position: relative;
    border: 1px solid #e3e3e3;
}
.recent-news-tit {
    margin: 13px 0;
    width: 96px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #333;
    background: #ffd205;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.refresh-b {
    position: absolute;
    right: 30px;
    top: 0;
}
.refresh-line {
    margin: auto;
    width: 1px;
    height: 26px;
    background: #ffd205;
}
.refresh-news-btn {
    width: 28px;
    text-align: center;
    height: 28px;
    background: #ffd205;
    border-radius: 50%;
    cursor: pointer;
}
.refresh-news-btn>i {
    display: block;
    line-height: 28px;
    font-size: 16px;
    color: #333;
    transition: All .7s ease-in-out;
    -moz-transition: All .7s ease-in-out;
    -webkit-transition: All .7s ease-in-out;
    -o-transition: All .7s ease-in-out;
}
.recent-news-con {
    padding: 0 18px 20px;
}
.recent-news-item {
    position: relative;
}
.recent-item-circle {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    left: -4px;
}
.recent-item-det {
    padding: 0 12px 18px;
    border-left: 1px solid #ccc;
}
.recent-news-time {
    margin-bottom: 8px;
    font-size: 12px;
    color: #909aa3;
}
.recent-news-desc {
    display: block;
    font-size: 16px;
    color: #31363b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cl {
    clear: both;
}